<div class="filter-list-container" id="<?php echo $this->list->getId(); ?>">
    <?php if(!is_null($this->list->getTitle())):?>
        <div class="title"><?php echo $this->list->getTitle();?></div>
    <?php endif;?>
    <div class="filter-box">
        <input type="text" name="filter-value" value="search..."/>
        <span class="add-filter-icon">+</span>
        <ul>
        </ul>
    </div>
    <div class="filter-list">
        <ul>
            <?php if (count($this->list->getItems()) > 0): ?>
                <?php foreach ($this->list->getItems() as $itemId=>$item): ?>
                    <li>
                        <span class="fisrt-letter"><?php echo substr($item, 0, 1); ?></span>
                        <span class="text">
                            <input type="radio" id ="<?php echo $this->list->getId().'-'.$itemId;?>" name="id" value="<?php echo $itemId;?>"/>
                            <label for="<?php echo $this->list->getId().'-'.$itemId;;?>"><?php echo $item; ?></label>
                        </span>
                    </li>
                <?php endforeach; ?>
            <?php endif; ?>
        </ul>
    </div>
</div>

<script type="text/javascript">
    $(function(){
        if (undefined == window.filterList ) window.filterList= {};
            window.filterList['<?php echo $this->list->getId();?>'] = new My_Widget_FilterList('#<?php echo $this->list->getId(); ?>');
    });
    
</script>